<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="x5-fullscreen" content="true">
    <meta name="full-screen" content="yes">
    <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no"/>
    <title>皇家加勒比寻宝</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/dialog.css">
    <script src="js/setFont.js"></script>
</head>
<body>
<!-----------------注意：dn表示隐藏，用的时候去掉-->
<!--皇家大道-->
<div class="mask dn">
    <div class="dialog-box pr animated zoomIn">
        <div class="dialog-close-btn pa"></div>
        <img src="img/dialog/dialog-product-tip.png" alt="" class="dialog-product-tip">
        <img src="img/product/hjdd.jpg" class="reward-logo product-logo" alt="">
        <div class="royal-road">皇家大道</div>
        <div class="reward-tips">当您漫步在洋溢当代艺术气氛的皇家广场，海上免税购物之旅即将拉开序幕。作为皇家加勒比游轮最具都市气息的心脏地带，它浓缩了全球至臻购物体验，能满足您对高端美容护肤品、高级瑞士腕表、奢华珠宝、奇珍皮具等的购物需求。一流的购物环境中，是令人无法拒绝的价格，唯一需要担心的是停不下来的购买欲。
        </div>
        <div class="dialog-btn tc dialog-no-reward btn-close">继续寻宝</div>
    </div>
</div>
<!--机器人酒吧-->
<div class="mask dn">
    <div class="dialog-box pr animated zoomIn">
        <div class="dialog-close-btn pa"></div>
        <img src="img/dialog/dialog-product-tip.png" alt="" class="dialog-product-tip">
        <img src="img/product/jqr.jpg" class="reward-logo product-logo" alt="">
        <div class="royal-road">机器人酒吧</div>
        <div class="reward-tips">想与朋友小酌一杯吗？那就到充满科技元素奇趣无穷的机
            器人酒吧，机器人也能当调酒师，这就是未来的模样！只
            需下达指令，Bio and Nic就会摇动双臂，为您调制属于
            您的精彩特饮。且不论这口感是否更胜您熟悉的口味，光
            是欣赏那独有的韵律和摇动中折射出的神秘金属光彩，都
            会让您大开眼界。
        </div>
        <div class="dialog-btn tc dialog-no-reward btn-close">继续寻宝</div>
    </div>
</div>
<!--英式酒吧-->
<div class="mask dn">
    <div class="dialog-box pr animated zoomIn">
        <div class="dialog-close-btn pa"></div>
        <img src="img/dialog/dialog-product-tip.png" alt="" class="dialog-product-tip">
        <img src="img/product/ysjb.jpg" class="reward-logo product-logo" alt="">
        <div class="royal-road">英式酒吧</div>
        <div class="reward-tips">
            您可以在英式酒吧的闲适氛围中品尝全球甄选的多种
            啤酒，也可小酌葡萄酒、鸡尾酒等各式美酒。英式酒吧
            还有皇家另一创举，将纯正的四川风味烤鱼带到海上，
            并提供各类人气小食更有台式卤肉饭，辣子鸡等令人垂
            涎的中式美食，都一定令您大快朵颐。*英式酒吧提供夜
            宵时段就餐。


        </div>
        <div class="dialog-btn tc dialog-no-reward btn-close">继续寻宝</div>
    </div>
</div>
<!--北极星体验-->
<div class="mask dn">
    <div class="dialog-box pr animated zoomIn">
        <div class="dialog-close-btn pa"></div>
        <img src="img/dialog/dialog-product-tip.png" alt="" class="dialog-product-tip">
        <img src="img/product/bjx.jpg" class="reward-logo product-logo" alt="">
        <div class="royal-road">北极星体验</div>
        <div class="reward-tips">荣获吉尼斯世界纪录最高游轮观景台的北极星，其设计
            受到了英国伦敦眼的启发，是工程学上的一个奇迹，可
            360度旋转的吊杆手臂，将宝石形的玻璃舱将游客送往
            离海平面88.6米的全新高度。白天可以犹如海鸥一般俯
            瞰一望无际的蔚蓝海面，夜晚则可以欣赏量子号上璀璨
            夺目的霓虹。

        </div>
        <div class="dialog-btn tc dialog-no-reward btn-close">继续寻宝</div>
    </div>
</div>
<!--甲板泳池-->
<div class="mask dn">
    <div class="dialog-box pr animated zoomIn">
        <div class="dialog-close-btn pa"></div>
        <img src="img/dialog/dialog-product-tip.png" alt="" class="dialog-product-tip">
        <img src="img/product/jbyc.jpg" class="reward-logo product-logo" alt="">
        <div class="royal-road">甲板泳池</div>
        <div class="reward-tips">在主泳池中泡一泡，游上几圈，或者只是在甲板上小
            憩一番，晒晒太阳，立即倍感神清气爽。游客可以尽
            情地在室外泳池里游泳，也可以与朋友们在按摩泳池
            放松身心。
        </div>
        <div class="dialog-btn tc dialog-no-reward btn-close">继续寻宝</div>
    </div>
</div>
<!--海上多功能运动馆-->
<div class="mask dn">
    <div class="dialog-box pr animated zoomIn">
        <div class="dialog-close-btn pa"></div>
        <img src="img/dialog/dialog-product-tip.png" alt="" class="dialog-product-tip">
        <img src="img/product/ydg.jpg" class="reward-logo product-logo" alt="">
        <div class="royal-road">海上多功能运动馆</div>
        <div class="reward-tips">这不是简单的游戏，而是游戏规则的改变者。在这“海
            上的室内运动空间”，玩一玩碰碰车，踩上滚轴溜冰鞋滑
            行、腰间转起呼啦圈、和朋友们激战一局乒乓球等等，
            还有别忘了一一皇家加勒比的第一所杂技学园，我们的
            教练将帮助你开发你空中飞人的潜质。
        </div>
        <div class="dialog-btn tc dialog-no-reward btn-close">继续寻宝</div>
    </div>
</div>
<!--海上碰碰车-->
<div class="mask dn">
    <div class="dialog-box pr animated zoomIn">
        <div class="dialog-close-btn pa"></div>
        <img src="img/dialog/dialog-product-tip.png" alt="" class="dialog-product-tip">
        <img src="img/product/ppc.jpg" class="reward-logo product-logo" alt="">
        <div class="royal-road">海上碰碰车</div>
        <div class="reward-tips">充满活力的场地，老少皆宜的操控，让您在一次次的
            碰撞中擦出欢乐的火花，随着方向盘的转动、踏板的
            收放，在其中重拾童趣和放纵。
        </div>
        <div class="dialog-btn tc dialog-no-reward btn-close">继续寻宝</div>
    </div>
</div>
<!--海上乒乓球-->
<div class="mask dn">
    <div class="dialog-box pr animated zoomIn">
        <div class="dialog-close-btn pa"></div>
        <img src="img/dialog/dialog-product-tip.png" alt="" class="dialog-product-tip">
        <img src="img/product/ppq.jpg" class="reward-logo product-logo" alt="">
        <div class="royal-road">海上乒乓球</div>
        <div class="reward-tips">快来海上多功能运动馆，拿起球拍展示自己的球技吧！
            任何时间都可以约上家人朋友打一场乒乓球，或参加乒
            乓球竞标赛和对手一决高下。
        </div>
        <div class="dialog-btn tc dialog-no-reward btn-close">继续寻宝</div>
    </div>
</div>
<!--甲板冲浪-->
<div class="mask dn">
    <div class="dialog-box pr animated zoomIn">
        <div class="dialog-close-btn pa"></div>
        <img src="img/dialog/dialog-product-tip.png" alt="" class="dialog-product-tip">
        <img src="img/product/jbcl.jpg" class="reward-logo product-logo" alt="">
        <div class="royal-road">甲板冲浪</div>
        <div class="reward-tips">想要体验一把乘风破浪的快乐但是苦于没有专业冲浪者
            的技能？皇家加勒比为您提供在甲板上便可纵情享受的
            冲浪体验。在12米长的模拟器上您可以在教练的指导下
            或是匍匐于冲浪板上或者挑战自我踏浪而上。
        </div>
        <div class="dialog-btn tc dialog-no-reward btn-close">继续寻宝</div>
    </div>
</div>
<!--甲板跳伞-->
<div class="mask dn">
    <div class="dialog-box pr animated zoomIn">
        <div class="dialog-close-btn pa"></div>
        <img src="img/dialog/dialog-product-tip.png" alt="" class="dialog-product-tip">
        <img src="img/product/jbts.jpg" class="reward-logo product-logo" alt="">
        <div class="royal-road">甲板跳伞</div>
        <div class="reward-tips">“甲板跳伞”作为量子船系的一项创举，通过垂直的风
            洞产生气流，让想尝试极限运动的您体验在游轮上空飞
            翔同时俯瞰海面的超凡体验。由专业教练进行指导并提
            供连体衣护目镜等装备，使您在体验刺激的同时绝对安
            全放心。
        </div>
        <div class="dialog-btn tc dialog-no-reward btn-close">继续寻宝</div>
    </div>
</div>
<!--一等奖未中-->
<div class="mask dn">
    <div class="dialog-box pr animated zoomIn">
        <div class="dialog-close-btn pa"></div>
        <div class="dialog-title reward-level-first mg-title"></div>
        <div class="reward-content tc">您尚未获得该奖品</div>
        <img class="reward-logo" src="img/dialog/dialog-reward-1.gif"/>
        <div class="reward-tips">海外出发神秘之旅的免费船票就埋藏在场景中，快来寻找吧！了解更多详情请点击<a class="activity-rule"
                                                                              href="rules.html">活动规则</a></div>
        <div class="dialog-btn tc dialog-no-reward btn-close">继续寻宝</div>
    </div>
</div>

<!--一等奖-->
<div class="mask dn">
    <div class="dialog-box pr animated zoomIn">
        <div class="dialog-close-btn pa"></div>
        <div class="dialog-title reward-first-get mg-title"></div>
        <div class="reward-content tc">新加坡出发4天3晚双人免费游轮之旅</div>
        <img class="reward-logo" src="img/dialog/dialog-reward-1.gif"/>
        <div class="reward-tips">船名：海洋航行者号 <br>出航日期：2018/9/14-2018/9/17 <br>房型：双人阳台房&nbsp;&nbsp;可入住人数：2人 <br>具体信息将发送至您的邮箱，免费船票适用航线和房间类型以中奖短信和邮件为准，详细兑换说明请参照则<a class="activity-rule"
                                                                                     href="rules.html">活动规则</a></div>
        <div class="dialog-btn tc dialog-no-reward btn-close">继续寻宝</div>
    </div>
</div>


<!--二等奖未中-->
<div class="mask dn">
    <div class="dialog-box pr animated zoomIn">
        <div class="dialog-close-btn pa"></div>
        <div class="dialog-title reward-level-second mg-title"></div>
        <div class="reward-content tc">您尚未获得该奖品</div>
        <img class="reward-logo" src="img/dialog/dialog-reward-2.gif"/>
        <div class="reward-tips">中国出发神秘之旅的免费船票就埋藏在场景中，快来寻找吧！了解更多详情请点击
            <a class="activity-rule" href="rules.html">活动规则</a>
        </div>
        <div class="dialog-btn tc dialog-no-reward btn-close">继续寻宝</div>
    </div>
</div>

<!--二等奖-->
<div class="mask dn">
    <div class="dialog-box pr animated zoomIn">
        <div class="dialog-close-btn pa"></div>
        <div class="dialog-title mg-title reward-second-get"></div>
        <div class="reward-content tc">中国出发6天5晚双人免费游轮之旅</div>
        <img class="reward-logo" src="img/dialog/dialog-reward-2.gif"/>
        <div class="reward-tips">船名：海洋量子号<br>出航日期：2018/6/9-2018/6/14<br>房型：高级家庭阳台房&nbsp;&nbsp;可入住人数：2人 <br>具体信息将发送至您的邮箱，免费船票适用房间和房间类型以中奖短信和邮件为准，详细兑换说明请参照<a
                class="activity-rule" href="rules.html">活动规则</a></div>
        <div class="dialog-btn tc dialog-no-reward btn-close">继续寻宝</div>
    </div>
</div>

<!--三等奖未中-->
<div class="mask dn">
    <div class="dialog-box pr animated zoomIn">
        <div class="dialog-close-btn pa"></div>
        <div class="dialog-title mg-title reward-level-third"></div>
        <div class="reward-content tc">您尚未获得该奖品</div>
        <img class="reward-logo-third" src="img/dialog/dialog-hand-box.png"/>
        <div class="reward-tips">价值899元的皇家定制行李箱送就埋藏在场景中，期待您的获取。了解更多详细信息请参考<a
                class="activity-rule" href="rules.html">活动规则</a></div>
        <div class="dialog-btn tc dialog-no-reward btn-close">继续寻宝</div>
    </div>
</div>

<!--三等奖-->
<div class="mask dn">
    <div class="dialog-box pr animated zoomIn">
        <div class="dialog-close-btn pa"></div>
        <div class="dialog-title mg-title reward-third-get"></div>
        <img class="reward-logo-third" src="img/dialog/dialog-hand-box.png"/>
        <div class="reward-tips">恭喜，请填写准确的收货信息以便寄送（奖品以实物为准）</div>
        <div class="user-info-box">
            <input class="user-info" type="text" placeholder="姓名">
            <input class="user-info" type="text" placeholder="手机号">
            <input class="user-info" type="text" placeholder="邮寄地址">
            <div class="protocol-box">
                <input type="checkbox" checked="checked">
                <p>同意<a href="https://mobile.rcclchina.com.cn/wz_index_law/index">《法律声明》</a>和<a href="https://mobile.rcclchina.com.cn/wz_index_law_privacy/index">《用户隐私政策》</a></p>
            </div>
        </div>
        <div class="dialog-btn tc dialog-no-reward">确认提交</div>
    </div>
</div>

<!--获得优惠券 400-->
<div class="mask dn">
    <div class="dialog-box pr animated zoomIn">
        <div class="dialog-close-btn pa"></div>
        <div class="dialog-title mg-title reward-coupon"></div>
        <div class="dialog-my-ticket dialog-my-ticket-400"
             style="transform: scale(1.6);margin:1.2rem auto 0;">
        </div>
        <div class="coupon-phone-tips">输入手机号领取优惠券</div>
        <div class="coupon-input"><input type="text" placeholder="手机号"></div>
        <div class="coupon-phone-protocol">
            <input type="checkbox" checked="checked">
            <p>同意<a href="https://mobile.rcclchina.com.cn/wz_index_law/index">《法律声明》</a>和<a href="https://mobile.rcclchina.com.cn/wz_index_law_privacy/index">《用户隐私政策》</a></p>
        </div>
        <div class="reward-coupon-tips">爆款航线推荐，用券即享优惠</div>
        <div class="reward-coupon-logo-box">
            <ul class="route-list">
                <li><a href="https://mobile.rcclchina.com.cn/Rccl.Cruise/CruiseDetail?sailDate=2018-05-26&shipCode=QN"><img src="img/route/400-1.jpg" alt=""></a></li>
                <li><a href="https://mobile.rcclchina.com.cn/Rccl.Cruise/CruiseDetail?sailDate=2018-06-23&shipCode=QN"><img src="img/route/400-2.jpg" alt=""></a></li>
                <li><a href="https://mobile.rcclchina.com.cn/Rccl.Cruise/CruiseDetail?sailDate=2018-07-07&shipCode=QN"><img src="img/route/400-3.jpg" alt=""></a></li>
                <li><a href="https://mobile.rcclchina.com.cn/Rccl.Cruise/CruiseDetail?sailDate=2018-07-26&shipCode=OV"><img src="img/route/400-4.jpg" alt=""></a></li>
                <li><a href="https://mobile.rcclchina.com.cn/Rccl.Cruise/CruiseDetail?sailDate=2018-07-22&shipCode=VY"><img src="img/route/400-5.jpg" alt=""></a></li>
                <li>1.以上价格仅适用于新预订，虚拟房型WXYZ不参加任何促销活动。</li>
                <li>2.本页面出现的价格仅为单人船票价格，船票价不含港务税费和船上服务费（客人需另行支付），也不含任何其他费用（如签证、岸上观光、船上付费项目等由客人自行消费所产生的费用）。</li>
                <li>3.关于上述价格中出现的划线价指零售指导价，即游轮公司根据市场情况制定的建议零售价，并非中国有关价格的法律规定所定义之“原价”；根据市场情况的变动，游轮公司会不定时对该零售指导价进行调整。所有的立减、半价、折扣等活动，均以零售指导价为计算基础。</li>
                <li>4.活动页面非划线价格为基于零售指导价享受了品牌特惠和对应现金优惠券后的价格。</li>
                <li>5.本页面价格为页面发布时官网的售价，根据舱房销售情况，价格可能有所浮动，实际价格以提交订单页面为准。</li>
            </ul>
        </div>
        <div class="dialog-btn-box" style="margin-top:.4rem;">
            <a class="dialog-btn tc db" href="https://mobile.rcclchina.com.cn/privilege/cruisefestival322">更多航线</a>
            <div class="dialog-btn tc btn-close">继续寻宝</div>
        </div>
    </div>
</div>
<!--获得优惠券 600-->
<div class="mask">
    <div class="dialog-box pr animated zoomIn">
        <div class="dialog-close-btn pa"></div>
        <div class="dialog-title mg-title reward-coupon"></div>
        <div class="dialog-my-ticket dialog-my-ticket-600"
             style="transform: scale(1.6);margin:1.2rem auto 0;">
        </div>
        <div class="coupon-phone-tips">输入手机号领取优惠券</div>
        <div class="coupon-input"><input type="text" placeholder="手机号"></div>
        <div class="coupon-phone-protocol">
            <input type="checkbox" checked="checked">
            <p>同意<a href="https://mobile.rcclchina.com.cn/wz_index_law/index">《法律声明》</a>和<a href="https://mobile.rcclchina.com.cn/wz_index_law_privacy/index">《用户隐私政策》</a></p>
        </div>
        <div class="reward-coupon-tips">爆款航线推荐，用券即享优惠</div>
        <div class="reward-coupon-logo-box">
            <ul class="route-list">
                <li><a href="https://mobile.rcclchina.com.cn/Rccl.Cruise/CruiseDetail?sailDate=2018-05-04&shipCode=QN"><img src="img/route/600-1.jpg" alt=""></a></li>
                <li><a href="https://mobile.rcclchina.com.cn/Rccl.Cruise/CruiseDetail?sailDate=2018-05-12&shipCode=QN"><img src="img/route/600-2.jpg" alt=""></a></li>
                <li><a href="https://mobile.rcclchina.com.cn/Rccl.Cruise/CruiseDetail?sailDate=2018-06-09&shipCode=QN"><img src="img/route/600-3.jpg" alt=""></a></li>
                <li><a href="https://mobile.rcclchina.com.cn/Rccl.Cruise/CruiseDetail?sailDate=2018-08-16&shipCode=QN"><img src="img/route/600-4.jpg" alt=""></a></li>
                <li><a href="https://mobile.rcclchina.com.cn/Rccl.Cruise/CruiseDetail?sailDate=2018-05-27&shipCode=OV"><img src="img/route/600-5.jpg" alt=""></a></li>
                <li><a href="https://mobile.rcclchina.com.cn/Rccl.Cruise/CruiseDetail?sailDate=2018-08-05&shipCode=OV"><img src="img/route/600-6.jpg" alt=""></a></li>
                <li>1.以上价格仅适用于新预订，虚拟房型WXYZ不参加任何促销活动。</li>
                <li>2.本页面出现的价格仅为单人船票价格，船票价不含港务税费和船上服务费（客人需另行支付），也不含任何其他费用（如签证、岸上观光、船上付费项目等由客人自行消费所产生的费用）。</li>
                <li>3.关于上述价格中出现的划线价指零售指导价，即游轮公司根据市场情况制定的建议零售价，并非中国有关价格的法律规定所定义之“原价”；根据市场情况的变动，游轮公司会不定时对该零售指导价进行调整。所有的立减、半价、折扣等活动，均以零售指导价为计算基础。</li>
                <li>4.活动页面非划线价格为基于零售指导价享受了品牌特惠和对应现金优惠券后的价格。</li>
                <li>5.本页面价格为页面发布时官网的售价，根据舱房销售情况，价格可能有所浮动，实际价格以提交订单页面为准。</li>
            </ul>
        </div>
        <div class="dialog-btn-box" style="margin-top:.4rem;">
            <a class="dialog-btn tc db" href="https://mobile.rcclchina.com.cn/privilege/cruisefestival322">更多航线</a>
            <div class="dialog-btn tc btn-close">继续寻宝</div>
        </div>
    </div>
</div>
<!--关注公众号，获取更多寻宝机会-->
<div class="mask dn">
    <div class="dialog-box-small pr animated zoomIn">
        <div class="dialog-close-btn pa"></div>
        <div class="dialog-title dialog-title-more" style="margin-top:1rem"></div>

        <div class="dialog-get-more-main">
            <img src="img/dialog/dialog-qrcode.png" class="dialog-middle dialog-middle-qrcode"/>
            <div class="tl" style="padding:0 0.2rem 0 0.6rem;">首次关注皇家加勒比游轮微信公众号，可获得<span class="color-red">5</span>次额外寻宝次数，反复关注无效
            </div>
        </div>
        <div class="dialog-btn-box" style="margin-top:.4rem;">
            <div class="dialog-btn tc db" id="attention">立即关注</div>
            <div class="dialog-btn tc btn-close" data-refresh="1">继续寻宝</div>
        </div>
    </div>
</div>

<!--分享朋友圈，获取更多寻宝机会-->
<div class="mask dn ">
    <div class="dialog-box-small pr animated zoomIn">
        <div class="dialog-close-btn pa"></div>
        <div class="dialog-title dialog-title-more" style="margin-top:1rem"></div>

        <div class="dialog-get-more-main">
            <div class="dialog-middle dialog-middle-share"></div>
            <div class="tl" style="padding:0 0.2rem 0 0.6rem;">把活动分享到朋友圈，可获得<span class="color-red">3</span>次额外寻宝次数，每天可分享三次
            </div>
        </div>

        <div class="dialog-btn tc" style="margin:0.4rem auto;">立 即 分 享</div>
    </div>
</div>

<!--首次进入页面·开始寻宝-->
<div class="mask dn">
    <div class="dialog-box-small pr animated zoomIn">
        <div class="dialog-close-btn pa"></div>
        <div class="dialog-describe" style="margin-top:3rem;">
            一年一度的3.22皇家游轮节开始啦！数不尽的宝藏就埋藏在船上，快和家人朋友一起加入寻宝队伍，找到专属您的幸运宝藏，开启超凡海上之旅吧！
        </div>
        <div class="dialog-describe-title tc" style="margin-top:1rem;">【宝藏待你来挖掘】</div>
        <div class="dialog-describe tc">海外出发神秘之旅双人免费船票</div>
        <div class="dialog-describe tc">中国出发神秘之旅双人免费船票</div>
        <div class="dialog-describe tc">皇家定制版行李箱</div>
        <div class="dialog-describe tc">现金优惠券</div>
        <div class="dialog-btn btn-close" style="margin:1rem auto;">马上去寻宝</div>
    </div>
</div>

<!--登录官网-->
<div class="mask dn">
    <div class="dialog-box-small pr animated zoomIn">
        <div class="dialog-close-btn pa"></div>
        <div class="dialog-title dialog-title-login" style="margin-top:1rem"></div>
        <div class="dialog-middle dialog-middle-king-logo" style="margin:0.5rem 0 0.5rem 0;height:2.9rem;"></div>
        <div class="dialog-describe">您还没有登录，由于本次活动奖品包含免费船票和现金优惠券，需要登录皇家加勒比官网才能继续游戏</div>
        <div class="dialog-btn" style="margin:0.4rem auto;">立 刻 登 陆</div>
    </div>
</div>

<!--没有找到宝藏-->
<div class="mask dn">
    <div class="dialog-box-small pr animated zoomIn">
        <div class="dialog-close-btn pa"></div>
        <div class="dialog-title dialog-title-none" style="margin-top:1rem"></div>
        <div class="dialog-describe tc" style="margin:1.5rem auto;">继续在其他地方试试手气吧</div>
        <div class="dialog-btn btn-close" style="margin:0.4rem auto;">继 续 寻 宝</div>
    </div>
</div>

<!--分享次数用完-->
<div class="mask dn">
    <div class="dialog-box-small pr animated zoomIn">
        <div class="dialog-close-btn pa"></div>
        <div class="dialog-title dialog-share-none" style="margin-top:1rem"></div>
        <div class="dialog-describe tc" style="margin:1.5rem auto;">今天的分享次数已经用完啦，记得明天再来！</div>
        <div class="dialog-btn btn-close" style="margin:0.4rem auto;">确  认</div>
    </div>
</div>

<!--点击我的优惠券弹窗-->
<div class="mask dn">
    <div class="dialog-box-small pr animated zoomIn" style="height:10.18rem;">
        <div class="dialog-close-btn pa"></div>
        <div class="dialog-describe" style="margin:1.5rem auto;">皇家游轮节精选活动航次震撼来袭，用券后预定更优惠！</div>
        <div class="dialog-btn-box" style="margin-top:.4rem;">
            <div class="dialog-btn tc db"><a style="color:#fff;" href="https://mobile.rcclchina.com.cn/privilege/cruisefestival322">立即查看</a></div>
            <div class="dialog-btn tc btn-close" data-refresh="1">稍后再说</div>
        </div>
    </div>
</div>

<!--分享右上角提示-->
<div class="mask dn">
    <img class="w100" src="img/share.png" alt="">
    <div class="c-white tc">点击右上角按钮分享</div>
</div>
<!--我的船票优惠优惠券-->
<div class="mask dn" id="mask-4-1">
    <div class="dialog-box-small pr animated zoomIn">
        <div class="dialog-close-btn pa"></div>
        <div class="dialog-title dialog-title-my-ticket" style="margin-top:2.5rem"></div>
        <div class="dialog-ticket-wrap-double">
            <div class="dialog-my-ticket dialog-my-ticket-600"></div>
            <div class="dialog-my-ticket dialog-my-ticket-600"></div>
            <div class="dialog-my-ticket dialog-my-ticket-400"></div>
            <div class="dialog-my-ticket dialog-my-ticket-none"></div>
        </div>
        <div class="dialog-describe">船票优惠优惠券的详细使用说明请参照<a style="color:#515a67;text-decoration: underline" href="rules.html">活动规则</a>，立即使用请点击上方优惠券图标</div>
        <div class="dialog-btn btn-close" style="margin:1rem auto;">继 续 寻 宝</div>
    </div>
</div>
<script src="js/jquery.min.js"></script>
<script>
    $('.dialog-close-btn,.btn-close').bind('click', function () {
        $('.mask').hide();
        if($(this).attr('data-refresh')==1){//关注弹窗关闭需要刷新
            window.location.replace('main.html');
        }
    });
    $('#attention').click(function () {
        alert('请长按识别二维码');
    });

    //1获取不同类型优惠券对象
    //比如第一个600的优惠券对象
    console.log($('.dialog-ticket-wrap-double .dialog-my-ticket-600')[0]);
    //获取第二个没中奖的优惠券对象
    console.log($('.dialog-ticket-wrap-double .dialog-my-ticket-none')[1]);

    //2. 操作该对象 例：2s后改变第二个600的优惠券为未获得状态
    window.setTimeout(function(){
        $($('.dialog-ticket-wrap-double .dialog-my-ticket-600')[1]).removeClass('dialog-my-ticket-600').addClass('dialog-my-ticket-none');
    },2000)

    function validateMobile(mobile){
        var telReg = /^1[3|4|5|7|8][0-9]{9}$/;
        if (!telReg.test(mobile)) {
            alert("请输入正确的手机号");
            return false;
        } else {
            return true;
        }
    }

</script>
</body>
</html>